/* Z-Index 层级管理 */

/* 基础层级定义 */
:root {
  --z-base: 1;
  --z-tab-bar: 5;
  --z-content: 10;
  --z-header: 15;
  --z-sidebar: 20;
  --z-menu: 30;
  --z-dropdown: 1000;
  --z-modal: 1100;
  --z-loading: 9999;
}

/* Tab标签栏 - 较低层级，确保菜单能盖住 */
.tab-bar-container {
  z-index: var(--z-tab-bar) !important;
}

/* Ant Design 组件层级重写 */
.ant-menu {
  z-index: 100 !important;
}

.ant-menu-submenu-popup,
.ant-menu-popup {
  z-index: 1050 !important;
}

.ant-dropdown {
  z-index: 1050 !important;
}

.ant-dropdown-menu {
  z-index: 1051 !important;
}

/* 确保侧边栏菜单有足够高的层级 */
.ant-layout-sider {
  z-index: var(--z-sidebar) !important;
  position: relative;
}

.ant-layout-sider .ant-menu {
  z-index: var(--z-menu) !important;
  position: relative;
}

/* 其他可能需要高层级的组件 */
.ant-modal {
  z-index: var(--z-modal) !important;
}

.ant-message {
  z-index: 1100 !important;
}

.ant-notification {
  z-index: 1100 !important;
}

.ant-tooltip {
  z-index: 1070 !important;
}

.ant-popover {
  z-index: 1060 !important;
}

/* 确保加载指示器在最顶层 */
.loading-indicator {
  z-index: var(--z-loading) !important;
}

/* 页面翻转动画不应该盖住下拉菜单 */
.flip-container {
  z-index: var(--z-content) !important;
}

.flip-content {
  z-index: var(--z-content) !important;
}
